<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
	/*标签选择器*/
	/*选择的是标签名是li的元素*/
	/*li{
		color: red;
		font-size: 30px;
	}*/
	
	/*id选择器*/
	/*选择的是id是two的元素*/
	/*id要保证唯一性，同一个id在页面中最多只能出现一次*/
	/*#two{
		color: red;
		font-size: 30px;
	}*/

	/*class选择器（类选择器）*/
	/*选择的是class是hd的元素*/
	/*.hd{
		color: red;
		font-size: 30px;
	}*/


	/*交叉选择器*/
	/*选择的是标签名是li并且class是hd的元素*/
	/*注意：交叉选择器中间没有空格*/
	/*li.hd{
		color: red;
		font-size: 30px;
	}*/


	/*子代选择器、父子选择器*/
	/*选择的是li里面的span标签*/
	/*注意，子代选择器中间有空格*/
	/*li span{
		color: red;
		font-size: 30px;
	}*/

	/*群组选择器*/
	



</style>
</head>

<body>



<p class="hd">我们是p标签</p>
<p class="hd">我们是p标签</p>
<p class="hd">我们是p标签</p>
<span>我们是ul外面的span</span>
<span>我们是ul外面的span</span>
<!-- ul>li{后盾网 人人做后盾$}*8 -->
<ul>
	<li>后盾网 人人做后盾1</li>
	<li id="two">后盾网 人人做后盾2</li>
	<li class="hd">后盾网 人人做后盾3 <span>span标签</span></li>
	<li>后盾网 人人做后盾4</li>
	<li class="hd">后盾网 人人做后盾5 <span>span标签</span></li>
	<li>后盾网 人人做后盾6</li>
	<li class="hd">后盾网 人人做后盾7</li>
	<li>后盾网 人人做后盾8</li>
</ul>






</body>
</html>
